<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>社区</title>
    <link rel="stylesheet" href="css/community.css">
</head>

<body>
    <div class="body_div">
        <div class="top_search_div">

            <div class="search_input">
                <img src="images/sousuo.png">
                <input type='text' placeholder="搜索">
            </div>
            <div class="search_text_div">
                <a href="#">
                    <h3>愿望清单</h3>
                </a>
                <a href="#">
                    <h4>购物车</h4>
                </a>
            </div>
            <!-- 个人信息 -->
            <div class="search_self_div">
                <a href="#"><img src="images/myself.png"></a>
                <div class="my_infor_div">
                    <a href="#">
                        <h2>Micheal1024</h2>
                    </a>
                    <a href="#">
                        <h3>我的成就</h3>
                    </a>
                    <a href="#">
                        <h3>设置</h3>
                    </a>
                    <a href="#">
                        <h3 style="padding-bottom: 8px; border-bottom: 1px rgb(92, 92, 92) solid;">账户</h3>
                    </a>

                    <a href="#">
                        <h4>兑换代码</h4>
                    </a>
                    <a href="#">
                        <h4>优惠卷</h4>
                    </a>
                    <a href="#">
                        <h4>服务条款</h4>
                    </a>
                    <a href="#">
                        <h4 style="padding-bottom: 8px; border-bottom: 1px rgb(92, 92, 92) solid;">隐私条款</h4>
                    </a>

                    <a href="#">
                        <h5>退出</h5>
                    </a>
                </div>
            </div>
        </div>

        <div class="leftthree_div">
            <div class="shangbiao_div">
                <img src="images/icon_shangbiao2.png">
            </div>
            <a href="index.html">
                <div class="zuo_store_div_community">
                    <img src="images/icon_store.png">
                    <h1>商城</h1>
                </div>
            </a>

            <a href="gamelibrary.html">
                <div class="zuo_ku_div">
                    <img src="images/icon_ku.png">
                    <h2>游戏库</h2>
                </div>
            </a>
            <a href="community.html">
                <div class="zuo_me_div_community">
                    <img src="images/icon_me.png">
                    <h3>社区</h3>
                </div>
            </a>
        </div>

        <!-- 内容 -->
        <div class="community_container_div">
            <div class="community_title">
                <div>
                    <h3>全部</h3>
                </div>
                <div>
                    <h3>截图</h3>
                </div>
                <div>
                    <h3>艺术作品</h3>
                </div>
                <div>
                    <h3>实况直播</h3>
                </div>
                <div>
                    <h3>视频</h3>
                </div>
                <div>
                    <h3>创意工坊</h3>
                </div>
                <div>
                    <h3>新闻</h3>
                </div>
            </div>
            <div class="div_1">
                <img src="images/community_images/1.png">
                <img src="images/community_images/2.png">


            </div>

            <div class="div_2">
                <img src="images/community_images/3.png">
                <img src="images/community_images/4.png">
                <img src="images/community_images/5.png">
            </div>

        </div>




    </div>

</body>

</html>